<template>
	<view class="center-container">
		<view class="center-top">
			<view class="center-top-title">
				经销商中心
			</view>
			<view class="center-icons">
				<view class="center-icon" @tap="jump('/pages/app/dealer/orderSelectGoods',{})">
					<view class="iconfont icon-icon_order"></view>
					订货
				</view>
				<view class="center-icon" @tap="jump('/pages/order/listc',{})">
					<view class="iconfont icon-zonghekaidan"></view>
					订单
				</view>
				<view class="center-icon" @tap="jump('/pages/app/dealer/benefit',{})">
					<view class="iconfont icon-zijinmingxi"></view>
					结算
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import { mapMutations, mapActions, mapState } from 'vuex';
	export default {
		
	}
</script>

<style lang="scss">
	.center-container {
		.center-top {
			height: 320rpx;
			width: 100%;
			background-size: cover;
			background-position: center center;
			background-image: url('https://shopro-1253949872.file.myqcloud.com/uploads/20200704/3fd138c2e95f80ecc11eebe312ffce94.png');

			&-title {
				height: 80rpx;
				line-height: 80rpx;
				text-align: center;
				font-size: 32rpx;
				color: white;
			}

			.center-icons {
				display: flex;
				justify-content: space-between;
				align-items: center;
				height: 240rpx;

				.center-icon {
					width: 33%;
					text-align: center;
					color: white;

					.iconfont {
						font-size: 70rpx;
						margin-bottom: 10rpx;
					}
				}
			}
		}
	}
</style>
